@import "util.less";

.hui{
	background: #eeeeee;
	border-bottom: 2px solid #cccccc;
	.hot{
		float: left;
		height: 56px;
		p{
			font-size: 16px;
			color: #333;
			line-height: 56px;
			a{
				color: #666;
				padding: 0 14px;
				&:hover{
					color: #fe7e01;
					text-decoration: underline;
				}
			}
		}
	}
	.right{
		float: right;
		height: 100%;
		input{
			display: block;
			width: 266px;
			height: 36px;
			float: left;
			border: 1px solid #b5b5b5;
			background: #fafafa;
			margin-top: 9px;
			font-size: 16px;
			color: #333;
			outline: none;
			text-indent: 10px;
		}
		a{
			display: block;
			width: 90px;
			height: 36px;
			float: left;
			margin: 9px 0 0 14px;
			border: 1px solid #b5b5b5;
			background: #fafafa;
			color: #858585;
			text-align: center;
			line-height: 36px;
		}
	}
}

@media (min-width: 640px){
	.com-left-nav{
		width: 240px;
		float: left;
		.zoom;
		margin-bottom: 140px;
		.item{
			.head{
				width: 100%;
				background: #737373;
				color: #fff;
				cursor: pointer;
				border-bottom: 1px solid #fff;
				.cont{
					padding: 16px;
					p{
						font-size: 20px;
					}
					.en{
						width: 100%;
						height: 18px;
						font-size: 12px;
						line-height: 18px;
						.gt;
						text-transform: uppercase;
					}
				}
			}
			.head-act{
				background: #fe7e01;
			}
			.bod{
				width: 100%;
				.zoom;
				display: none;
				a{
					display: block;
					width: 100%;
					background: #ededed;
					border-bottom: 1px dashed #b5b5b5;
					.zoom;
					&:last-child{
						border-bottom: none;
					}
					&:hover{
						background: #fff;
					}
					.cont{
						padding: 16px;
						.zoom;
						.txt{
							width: calc(~'100% - 10px');
							width: -webkit-calc(~'100% - 10px');
							width: -moz-calc(~'100% - 10px');
							height: 19px;
							float: left;
							line-height: 19px;
							font-size: 16px;
							color: #666;
						}
						.r-img{
							display: block;
							width: 6px;
							float: right;
							margin-top: 6px;
						}
					}
				}
				.a-act{
					background: #fff;
				}
			}
			.bod-act{
				display: block;
			}
		}
	}
}
@media (max-width: 639px){
	.com-left-nav{
		width: 100%;
		float: left;
		.zoom;
		margin-bottom: 0px;
		margin-top: 10px;
		.item{
			.head{
				width: 100%;
				background: #737373;
				color: #fff;
				cursor: pointer;
				.cont{
					padding: 10px 14px;
					p{
						font-size: 16px;
					}
					.en{
						width: 100%;
						height: 18px;
						font-size: 12px;
						line-height: 18px;
						.gt;
						text-transform: uppercase;
					}
				}
			}
			.head-act{
				background: #fe7e01;
			}
			.bod{
				width: 100%;
				.zoom;
				display: none;
				margin-top: 6px;
				margin-bottom: 6px;
				a{
					display: block;
					width: 50%;
					background: #ededed;
					border-bottom: 1px dashed #b5b5b5;
					.zoom;
					float: left;
					&:nth-child(2n+1){
						border-right: 1px dashed #b5b5b5;
						.boz;
					}
					//&:last-child{
					//	border-bottom: none;
					//}
					&:hover{
						background: #fff;
					}
					.cont{
						padding: 8px 2px;
						.zoom;
						.txt{
							width:100%;
							height: 18px;
							line-height: 18px;
							font-size: 14px;
							color: #666;
							text-align: center;
							.gt;
						}
						.r-img{
							display: none;
							width: 6px;
							float: right;
							margin-top: 6px;
						}
					}
				}
				.a-act{
					background: #fff;
				}
			}
			.bod-act{
				display: block;
			}
		}
	}
}

.index_product{
	width: 100%;
	.zoom;
	.com-title-img{
		display: block;
		margin: 74px auto 30px;
	}
	.index_product_right{
		float: left;
		width: 920px;
		float: right;
		.big_img{
			position: relative;
			img{
				display: block;
				width: 100%;
			}
			.txt-box{
				width: 100%;
				height: 96px;
				background: rgba(0,0,0,0.5);
				bottom: 0;
				left: 0;
				z-index: 1;
				position: absolute;
				.cont{
					padding: 16px 24px;
					.zoom;
					.title{
						width: 100%;
						height: 28px;
						font-size: 20px;
						line-height: 28px;
						color: #fff;
						.gt;
					}
					.xqjs{
						width: 100%;
						height: 28px;
						font-size: 16px;
						line-height: 28px;
						color: #fff;
						.gt;
						margin-top: 10px
					}
				}
			}
		}
		.product-list{
			margin-top: 30px;
			.list{
				display: block;
				width: 220px;
				.zoom;
				.boz;
				border: 2px solid #adadad;
				float: left;
				margin-left: 13px;
				margin-bottom: 16px;
				&:hover{
					border-color: #fe9834;
					.cont{
						.title{
							font-weight: bold;
							color: #fe9834;
						}
						span{
							border-color: #fe9834;
							color: #fe9834;
						}
					}
				}
				.cont{
					padding: 8px;
					.zoom;
					img{
						display: block;
						width: 100%;
						height: 154px;
					}
					.title{
						width: 100%;
						height: 24px;
						font-size: 16px;
						color: #333;
						text-align: center;
						line-height: 24px;
						.gt;
						margin-top: 11px;
					}
					.h{
						width: 20px;
						height: 3px;
						background: #b4b4b4;
						margin: 8px auto;
					}
					.txt{
						font-size: 14px;
						color: #666;
						line-height: 21px;
						height: 42px;
						.gt2;
					}
					span{
						width: 80px;
						height: 26px;
						float: right;
						margin-bottom: 4px;
						margin-top: 4px;
						border-bottom: 1px solid #b4b4b4;
						text-align: center;
						line-height: 26px;
						font-size: 14px;
						color: #333;
					}
				}
				&:nth-child(4n+1){
					margin-left: 0;
				}
			}
		}
		.more{
			display: block;
			width: 136px;
			height: 44px;
			border: 2px solid #fe7e01;
			.boz;
			margin: 40px auto;
			background: #fff;
			text-align: center;
			line-height: 40px;
			font-size: 16px;
			color: #fe7e01;
			&:hover{
				background: #fe7e01;
				color: #fff;
			}
		}
	}
}

.index_question{
	background: url(../image/bg1.jpg);
	background-size: cover;
	background-position: center center;
	.com-title-img{
		display: block;
		margin: 14px auto 40px;
	}
	.img{
		display: block;
		margin: 0 auto 64px;
		max-width: 96%;
	}
}

.advert1{
	width: 100%;
	height: 240px;
	background-size: cover;
	background: url(../image/advert1.jpg);
	background-position: center center;
}

.index_advantage{
	background: url(../image/bg2.jpg);
	background-size: cover;
	background-position: center center;
	.com-title-img{
		display: block;
		margin: 52px auto;
	}
	.box{
		width: 100%;
		.zoom;
		background: #fff;
		margin-bottom: 74px;
		.boz;
		border-bottom: 1px solid #abacac;
		.list{
			display: block;
			width: 33.33333333333333333%;
			height: 239px;
			.boz;
			border-top: 1px solid #abacac;
			border-left: 1px solid #abacac;
			float: left;
			.cont{
				padding: 0 60px;
			}
			img{
				display: block;
				width: 65px;
				margin: 30px auto 0;
			}
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #005bac;
				text-align: center;
				padding-top: 16px;
			}
			.p2{font-size: 16px;color: #666;text-align: center;padding-top: 20px;}
			&:nth-child(3n){
				border-right: 1px solid #abacac;
			}
		}
	}
}
.index_get{
	.com-title-img{
		display: block;
		margin: 58px auto 0;
	}
	.box{
		width: 100%;
		.zoom;
		margin-bottom: 42px;
		.left{
			width: calc(~'100% - 900px');
			width: -webkit-calc(~'100% - 900px');
			width: -moz-calc(~'100% - 900px');
			float: left;
			img{
				display: block;
				margin: auto;
				max-width: 96%;
			}
		}
		.right{
			width: 874px;
			height: 300px;
			float: right;
			overflow: hidden;
			margin-top: 30px;
			.swiper-container2{
				width: 100%;
				height: 100%;
				border-radius: 20px;
				overflow: hidden;
				.swiper-slide{
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				.swiper-pagination2{
					bottom: 28px;
					text-align: right;
					width: 96%;
					.swiper-pagination-bullet{
						width: 16px;
						height: 16px;
						background: #fff;
						border-radius: 8px;
						opacity: 1;
					}
					.swiper-pagination-bullet-active{
						background: #f4902f;
					}
				}
			}
		}
		.list{
			float: left;
			width: 338px;
			.zoom;
			position: relative;
			cursor: pointer;
			margin-left: 72px;
			&:first-child{
				margin-left: 40px;
			}
			&:hover{
				.head{
					background: url(../image/h1-1.png);
				}
			}
			.head{
				width: 100%;
				height: 64px;
				position: absolute;
				top: 25px;
				left: 0;
				z-index: 1;
				background: url(../image/h1.png);
				background-size: 100% 100%;
				img{
					display: block;
					margin: 12px auto;
				}
			}
			.bod{
				width: 320px;
				.zoom;
				background: #eeeeee;
				border-radius: 16px;
				.cont{
					padding: 94px 48px 24px;
					.zoom;
					p{
						font-size: 16px;
						color: #666;
						text-align: center;
					}
				}
			}
		}
	}
}
.huosuren{
	background: url(../image/bg3.jpg);
	background-size: cover;
	background-position: center center;

	.container{
		position: relative;
	}
	.left{
		width: calc(~'100% - 344px');
		width: -webkit-calc(~'100% - 344px');
		width: -moz-calc(~'100% - 344px');
		float: left;
		.zoom;
		background: url(../image/bg1.png);
		background-size: 100% 100%;
		margin-top: 56px;
		margin-bottom: 33px;
		.left-l{
			width: 290px;
			.zoom;
			float: left;
			margin: 70px 0 46px 38px;
			.p1{
				font-size: 30px;
				font-weight: bold;
				color: #333;
				span{
					color: #ed6105;
				}
			}
			.p2{
				font-size: 20px;
				color: #333;
				padding-top: 4px;
			}
			.h1{
				width: 100%;
				height: 4px;
				background: #000;
				margin-top: 18px;
			}
			.h2{
				width: 100%;
				height: 2px;
				background: #000;
				margin-top: 3px;
			}
		}
		.left-r{
			width: calc(~'100% - 390px');
			width: -webkit-calc(~'100% - 390px');
			width: -moz-calc(~'100% - 390px');
			float: left;
			.zoom;
			margin-left: 30px;
			margin-top: 48px;
			p{
				font-size: 15px;
				color: #333;
				padding-top: 10px;
			}
		}
	}
	.right{
		float: right;
		width: 290px;
		height: 100%;
		background: #2a65a1;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		img{
			display: block;
			margin: 84px auto 0;
		}
		.p1{
			font-size: 16px;
			color: #fff;
			padding-top: 20px;
			text-align: center;
		}
		.p2{
			font-size: 30px;
			color: #fff;
			text-align: center;
			padding-top: 8px;
		}
	}
}
.index_about{
	.com-title-img{
		display: block;
		margin: 60px auto 0;
	}
	.com-title-p{
		font-size: 16px;
		color: #fe7e01;
		text-align: center;
		padding-top: 10px;
	}
	.com-c-box{
		margin-top: 56px;
		margin-bottom: 80px;
		.left{
			width: 40%;
			float: left;
			.zoom;
			img{
				display: block;
				width: 100%;
			}
		}
		.right{
			float: right;
			width: 56.166666%;
			.zoom;
			.title{
				width: 100%;
				height: 56px;
				border-bottom: 1px solid #b5b5b5;
				.gt;
				p{
					font-size: 20px;
					color: #117dd7;
					font-weight: bold;
					padding-top: 20px;
				}
			}
			.xq-box{
				width: 100%;
				.zoom;
				margin-top: 30px;
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #fe7e01;
				}
				.txt-box{
					width: 100%;
					.zoom;
					.gt4;
					font-size: 16px;
					color: #666666;
					margin-top: 24px;
					line-height: 24px;
				}
			}
			.btn-box{
				width: 100%;
				height: 44px;
				margin-top: 44px;
				a{
					display: block;
					width: 136px;
					height: 44px;
					float: right;
					.boz;
					border: 2px solid #b5b5b5;
					text-align: center;
					line-height: 40px;
					font-size: 16px;
					color: #333;
					&:hover{
						border-color: #fe7e01;
						color: #fff;
						background: #fe7e01;
					}
					&:last-child{
						margin-right: 14px;
					}
				}
			}
		}
	}
}
.index_team{
	background: #f6f6f6;
	.top{
		width: 100%;
		height: 452px;
		background: url(../image/bg4.jpg);
		background-size: cover;
		background-position: center center;
		.boz;
		border: 1px solid transparent;
		.box{
			width: 398px;
			height: 146px;
			background: rgba(255,255,255,.8);
			margin: 148px auto 0;
			.boz;
			border: 1px solid transparent;
			.com-title-img{
				display: block;
				margin: 36px auto 0;
			}
			.com-title-p{
				font-size: 16px;
				color: #fe7e01;
				text-align: center;
				padding-top: 10px;
			}
		}
	}
	.mid{
		width: 100%;
		.zoom;
		margin-top: 24px;
		.img{
			width: 382px;
			height: 436px;
			.boz;
			border: 1px solid #cccccc;
			float: left;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.right{
			width: calc(~'100% - 420px');
			width: -webkit-calc(~'100% - 420px');
			width: -moz-calc(~'100% - 420px');
			float: right;
			.zoom;
			.cont{
				width: 70%;
				.zoom;
				margin-top: 78px;
				.head{
					width: 100%;
					height: 56px;
					border-bottom: 1px solid #bfbfbf;
					line-height: 56px;
					font-size: 24px;
					color: #fe7e01;
					span{
						font-size: 16px;
						color: #333;
						padding-left: 6px;
					}
				}
				.txt-box{
					width: 100%;
					height: 96px;
					margin-top: 16px;
					.gt4;
					font-size: 14px;
					line-height: 24px;
					color: #333;
				}
				.more{
					float: right;
					margin-top: 14px;
					width: 116px;
					height: 36px;
					border: 2px solid #b5b5b5;
					text-align: center;
					line-height: 36px;
					font-size: 16px;
					color: #333;
					&:hover{
						border-color: #fe7e01;
						color: #fe7e01;
					}
				}
			}
		}
	}
	.down{
		width: 100%;
		height: 360px;
		margin-top: -66px;
		z-index: 999;
		position: relative;
		.swiper-container3{

			width: 100%;
			height: 100%;
			.swiper-wrapper{
				height: 100%;
			}
			.swiper-slide{
				width: 208px;
				height: 100%;
				.boz;
				border: 2px solid #d5d5d5;
				cursor: pointer;
				&:hover{
					border-color: #f4902f;
					.name{
						color: #f4902f;
					}
				}
				img{
					display: block;
					width: 100%;
					height: 300px;
				}
				.name{
					width: 100%;
					height: 56px;
					background: #fff;
					text-align: center;
					line-height: 56px;
					.gt;
					font-size: 16px;
					color: #333;
					span{
						color: #666;
						font-size: 14px;
						padding-left: 4px;
					}
				}
			}
		}
	}
	.big-more{
		display: block;
		width: 236px;
		height: 40px;
		border: 2px solid #bfbfbf;
		margin: 54px auto;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: #666;
		&:hover{
			border-color: #f4902f;
			color: #f4902f;
		}
	}
}
.index_case{
	.com-title-img{
		display: block;
		margin: 84px auto 0;
	}
	.com-title-p{
		font-size: 16px;
		color: #fe7e01;
		text-align: center;
		padding-top: 10px;
	}
	.com-c-box{
		margin-top: 42px;
	}
	.list{
		display: block;
		width: 280px;
		float: left;
		.zoom;
		margin: 10px;
		&:hover{
			box-shadow:0px 0px  10px 5px #ccc;
			.cont{
				.name{
					color: #f49033;
				}
			}
		}
		.cont{
			padding: 20px;
			.zoom;
			img{
				display: block;
				width: 100%;
				height: 180px;
			}
			.name{
				width: 100%;
				height: 20px;
				.gt;
				line-height: 20px;
				font-size: 16px;
				color: #333;
				margin-top: 16px;
			}
			.h{
				width: 40%;
				height: 1px;
				background: #b5b5b5;
				margin-top: 12px;
			}
			.txt-box{
				width: 100%;
				height: 88px;
				line-height: 22px;
				font-size: 14px;
				color: #666;
				.gt4;
				margin-top: 12px;
			}
		}
	}
	.big-more{
		display: block;
		width: 236px;
		height: 40px;
		border: 2px solid #bfbfbf;
		margin: 54px auto;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: #666;
		&:hover{
			border-color: #f4902f;
			color: #f4902f;
		}
	}
}
.index_customer{
	background: #e8e8ea;
	.com-title-img{
		display: block;
		margin: 36px auto 40px;
	}
	.siw{
		width: 100%;
		height: 150px;
		position: relative;
		margin-bottom: 40px;
		.swiper-container4{
			width: 1070px;
			margin: auto;
			.swiper-slide{
				height: 100%;
				.img{
					background: #fff;
					width: 100%;
					height: 110px;
					text-align: center;
					line-height: 110px;
					img{
						max-width: 96%;
						max-height: 96%;
						height: auto;
						vertical-align: middle;
					}
				}
				.txt{
					width: 100%;
					height: 40px;
					line-height: 40px;
					font-size: 16px;
					color: #666;
					.gt;
					text-align: center;
				}
			}
		}
		.swiper-button-next,.swiper-button-prev{
			background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E");
		}
		.swiper-button-prev{
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); 	/* IE 9 */
			-moz-transform:rotate(180deg); 	/* Firefox */
			-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
			-o-transform:rotate(180deg); 	/* Opera */
		}
	}
}
.index_news{
	.news{
		width: calc(~'100% - 644px');
		width: -webkit-calc(~'100% - 644px');
		width: -moz-calc(~'100% - 644px');
		float: left;
		.zoom;
		.head{
			width: 100%;
			height: 64px;
			border-bottom: 1px solid #b5b5b5;
			margin: 58px 0 42px;
			img{
				display: block;
			}
		}
		.list-box{
			width: 100%;
			.zoom;
			margin-top: 24px;
			.list{
				display: block;
				width: 100%;
				height: 96px;
				margin-top: 10px;
				&:hover{
					.data{
						background: #fe7e01;
					}
					.right{
						.title{
							color: #fe7e01;
						}
					}
				}
				.data{
					width: 72px;
					height: 100%;
					background: #999999;
					float: left;
					.p1{
						font-size: 30px;
						color: #fff;
						text-align: center;
						padding-top: 16px;
					}
					.p2{
						font-size: 14px;
						color: #fff;
						text-align: center;
						padding-top: 8px;
					}
				}
				.right{
					width: calc(~'100% - 90px');
					width: -webkit-calc(~'100% - 90px');
					width: -moz-calc(~'100% - 90px');
					float: right;
					height: 100%;
					.title{
						width: 100%;
						height: 36px;
						line-height: 36px;
						font-size: 18px;
						color: #333;
						.gt;
					}
					.txt{
						width: 100%;
						height: 48px;
						line-height: 24px;
						color: #666;
						font-size: 14px;
						.gt2;
					}
				}
			}
		}
		.big-more{
			display: block;
			width: 132px;
			height: 40px;
			border: 2px solid #bfbfbf;
			margin: 54px auto;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			color: #666;
			&:hover{
				border-color: #f4902f;
				color: #fff;
				background: #f4902f;
			}
		}
	}
	.info{
		float: right;
		width: 600px;
		.zoom;
		.head{
			width: 100%;
			height: 64px;
			border-bottom: 1px solid #b5b5b5;
			margin: 58px 0 42px;
			img{
				display: block;
			}
		}
		.swiper-container5{
			width: 100%;
			height: 418px;
			.swiper-slide{
				position: relative;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
				.downbox{
					width: 100%;
					height: 136px;
					background: rgba(0,0,0,.5);
					position: absolute;
					bottom: 0;
					left: 0;
					.cont{
						padding: 14px;
						.zoom;
						.title{
							width: 100%;
							height: 38px;
							.gt;
							font-size: 16px;
							color: #fff;
							font-weight: bold;
							line-height: 38px;
						}
						.h{
							width: 120px;
							height: 2px;
							background: #bfbfbf;
							margin-top: 6px;
						}
						.txt-box{
							font-size: 14px;
							color: #d9d9d9;
							line-height: 22px;
							height: 44px;
							.gt2;
							margin-top: 6px;
						}
					}
				}
			}
			.swiper-pagination{
				bottom: 148px;
				text-align: right;
				.swiper-pagination-bullet{
					width: 10px;
					height: 10px;
					background: #fff;
					opacity: 1;
					border-radius: 100%;
					&:last-child{
						margin-right: 20px;
					}
				}
				.swiper-pagination-bullet-active{
					width: 10px;
					height: 10px;
					background: #fe7e01;
					opacity: 1;
					border-radius: 100%;
				}
			}
		}
		.swiper-button-prev1,.swiper-button-next1{
			top: 142px;
			background: none;
			background: rgba(255,255,255,.6);
			width: 40px;
			height: 80px;
			font-size: 40px;
			line-height: 80px;
			color: #fff;
			font-family: 'songti';
			text-align: center;
			&:hover{
				color: #fe7e01;
			}
		}

		.big-more{
			display: block;
			width: 132px;
			height: 40px;
			border: 2px solid #bfbfbf;
			margin: 54px auto;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			color: #666;
			&:hover{
				border-color: #f4902f;
				color: #fff;
				background: #f4902f;
			}
		}
	}
}
.index_contact{
	width: 100%;
	height: 506px;
	background: url(../image/bg5.jpg);
	background-size: cover;
	background-position: center center;
	.container{
		height: 100%;
	}
	.left{
		width: 464px;
		height: 100%;
		float: left;
		background: rgba(255,255,255,.9);
		.com-title-img{
			display: block;
			width: 350px;
			margin: 116px auto 0;
		}
		.img{
			display: block;
			width: 254px;
			margin: 70px auto 0;
		}
	}
	.right{
		width: calc(~'100% - 464px');
		width: -webkit-calc(~'100% - 464px');
		width: -moz-calc(~'100% - 464px');
		.zoom;
		float: right;
		.cont{
			width: 70%;
			.zoom;
			margin-top: 130px;
			.item{
				width: 100%;
				.zoom;
				margin-top: 12px;
				&:last-child{
					width: 290px;
				}
				input{
					display: block;
					width: 48%;
					height: 40px;
					float: left;
					.boz;
					border: 1px solid #cbcaca;
					background: #fff;
					line-height: 38px;
					text-indent: 2em;
					font-size: 14px;
					color: #333;
					outline: none;

					&:last-child{
						float: right;
					}

				}
				textarea{
					display: block;
					width: 100%;
					height: 164px;
					resize: none;
					outline: none;
					text-indent: 2em;
					line-height: 30px;
					font-size: 14px;
					color: #333;
					.boz;
					border: 1px solid #cbcaca;
				}
				.sub{
					width: 140px;
					color: #fff;
					background: #fe7e01;
					text-indent: 0;
					border-color: #fe7e01;
					cursor: pointer;
				}
				.reset{
					width: 140px;
					color: #fff;
					background: #737373;
					text-indent: 0;
					border-color: #737373;
					cursor: pointer;
				}
			}
		}
	}
}

.zt-one{
	width: 100%;
	.zoom;
	.left-boxx{
		float: left;
		.zoom;
		width: 260px;
		.head{
			width: 100%;
			height: 96px;
			text-align: center;
			line-height: 96px;
			font-size: 30px;
			color: #fff;
			background: url(../image/left-boxx-head.png);
			background-size: 100% 100%;
		}
		.bod{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				.zoom;
				margin-top: 12px;
				&:first-child{
					margin-top: 22px;
				}
				.item-top{
					width: 100%;
					height: 18px;
					background: url(../image/left-boxx-box-top.png);
					background-size: 100% 100%;
				}
				.item-down{
					width: 100%;
					height: 18px;
					background: url(../image/left-boxx-box-down.png);
					background-size: 100% 100%;
				}
				.item-bod{
					width: 100%;
					.zoom;
					background: #d3e4f3;
					.pone{
						font-size: 26px;
						color: #06c;
						text-align: center;
						padding-top: 6px;
					}
					.ptwo{
						font-size: 14px;
						color: #06c;
						padding: 10px 22px 10px;
						line-height: 18px;
					}
					.item-head-a{
						display: block;
						width: 210px;
						height: 32px;
						margin-left: 34px;
						.boz;
						border-left: 6px solid #fe7e01;
						margin-top: 16px;
						p{
							line-height: 32px;
							font-size: 24px;
							font-weight: bold;
							color: #0d67bd;
							padding-left: 10px;
						}
					}
					.a-bod{
						margin-left: 46px;
						width: 190px;
						.zoom;
						margin-top: 22px;
						a{
							font-size: 18px;
							color: #333;
							margin-bottom: 20px;
							display: block;
							&:hover{
								color: #fe7e01;
							}
						}
						.a-act{
							color: #fe7e01;

						}
					}
				}

			}
			.jt-item{
				.boz;
				border: 4px solid #0d67bd;
				.cont{
					padding: 24px;
					.zoom;
					img{
						display: block;
						margin: auto;
						width: 180px;
					}
					.p1{
						font-size: 20px;
						font-weight: bold;
						color: #0d67bd;
						text-align: center;
						padding-top: 20px;
					}
					.h{
						width: 40px;
						height: 4px;
						background: #fe7e01;
						margin: 10px auto 20px;
					}
					.p2{
						font-size: 16px;
						color: #333;
						padding-top: 4px;
					}
				}
			}
		}
	}
}



@media (min-width: 640px) {
	.jgjt{
		width: 908px;
		float: right;
		.zoom;
		.p-head{
			font-size: 24px;
			color: #0d67bd;
			text-align: center;
			padding-top: 46px;
			padding-bottom: 40px;
		}
		.box{
			width: 100%;
			.zoom;
			margin-bottom: 20px;
			.item{
				width: 100%;
				.zoom;
				margin-top: 90px;
				&:nth-child(2n){
					.img{
						float: right;
					}
					.right{
						float: left;
					}
				}
				.img{
					float: left;
					width: 50%;
					.zoom;
					img{
						display: block;
						max-width: 80%;
						margin: auto;
					}
				}
				.right{
					width: 50%;
					float: right;
					.zoom;
					text-align: center;
					.p1{
						font-size: 60px;
						color: #005bac;
						text-align: center;
						padding-top: 70px;
					}
					.p2{
						font-size: 14px;
						color: #999;
						padding-top: 8px;
					}
					.p3{
						font-size: 24px;
						color: #fe7e01;
						padding: 12px 0;
					}
					.p4{
						font-size: 14px;
						color: #333;
						padding: 14px 50px;
						line-height: 24px;
					}
					.yuan{
						width: 26px;
						height: 26px;
						border-radius: 50%;
						border: 1px solid #7d7d7d;
						color: #7d7d7d;
						font-size: 20px;
						font-family: 'songti';
						line-height: 26px;
						margin: 20px auto 0;
					}
					.ljgdcp{
						width: 110px;
						height: 36px;
						/* border-radius: 50%; */
						border: 2px solid #7d7d7d;
						color: #7d7d7d;
						font-size: 20px;
						font-family: 'songti';
						line-height: 36px;
						margin: 10px auto 0;
						font-size: 14px;
						display: block;
						&:hover{
							border-color: #0d67bd;
							color: #0d67bd;
						}
					}
				}
			}
		}
	}
	.howinvest{
		width: 908px;
		.zoom;
		float: right;
		.p1{
			font-size: 30px;
			color: #fe7e01;
			padding-top: 65px;
			text-align: center;
		}
		.p2{
			font-size: 14px;
			color: #005bac;
			text-align: center;
			padding-top: 10px;
		}
		.p3{
			font-size: 42px;
			color: #005bac;
			text-align: center;
			padding-top: 20px;
		}
		.p4{
			font-size: 20px;
			color: #333;
			text-align: center;
			padding-top: 32px;
		}
		.liyou{
			width: 100%;
			height: 276px;
			margin-top: 120px;
			.list{
				width: 212px;
				height: 276px;
				float: left;
				background: #e2edf7;
				margin-left: 20px;
				&:first-child{
					margin-left: 0;
				}
				.yuan{
					width: 98px;
					height: 98px;
					border-radius: 100%;
					overflow: hidden;
					background: #fe7e01;
					margin: auto;
					margin-top: -49px;
					p{
						font-size: 24px;
						font-weight: bold;
						color: #fff;
						text-align: center;
						padding-top: 20px;
					}
				}
				.p1{
					font-size: 18px;
					font-weight: bold;
					text-align: center;
					color: #333;
					line-height: 36px;
					padding-top: 10px;
				}
				.p2{
					font-size: 16px;
					color: #666;
					line-height: 24px;
					padding: 10px 6px;
					text-align: center;
				}
			}
		}
	}
	.com-ny-title{
		margin: auto;
		text-align: center;
		.p1{
			font-size: 48px;
			color: #005bac;
		}
		.p2{
			font-size: 16px;
			color: #fe7e01;
		}
		.p3{
			font-size: 16px;
			color: #333;
			padding: 12px 80px 0px;
			line-height: 28px;
		}
	}
	.ny-box{
		width: 100%;
		.zoom;
		margin-top: 90px;
	}
	.fiveadv{
		width: 100%;
		.zoom;
		margin-top: 40px;
		.item{
			width: 240px;
			.zoom;
			float: left;
			.list{
				width: 240px;
				height: 240px;
				float: left;
				background: #d3e4f3;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
				.p1{
					font-size: 40px;
					font-weight: bold;
					color: #fe7e01;
					text-align: center;
					padding-top: 16px;
				}
				.p2{
					font-size: 20px;
					font-weight: bold;
					color: #005bac;
					text-align: center;
					padding-top: 8px;
				}
				.p3{
					font-size: 14px;
					color: #666;
					text-align: center;
					line-height: 22px;
					padding: 20px 6px 0px;

				}
			}
		}
	}
	.jxsb{
		width: 100%;
		.zoom;
		margin-top: 8px;
		.list{
			display: block;
			width: 360px;
			height: 360px;
			float: left;
			margin-top: 42px;
			margin-left: 60px;
			position: relative;
			&:nth-child(3n+1){
				margin-left: 0;
			}
			.img{
				width: 100%;
				height: 100%;
				border-radius: 100%;
				overflow: hidden;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.title{
				width: 100%;
				height: 48px;
				line-height: 48px;
				text-align: center;
				.gt;
				font-size: 16px;
				color: #fff;
				background: rgba(13,103,189,.8);
				position: absolute;
				z-index: 99;
				left: 0;
				bottom: 0;
			}
		}
	}
}
@media (max-width: 639px) {
	.jgjt{
		width: 100%;
		.zoom;
		.p-head{
			font-size: 20px;
			color: #0d67bd;
			text-align: center;
			padding-top: 40px;
			padding-bottom: 30px;
		}
		.box{
			width: 100%;
			.zoom;
			margin-bottom: 30px;
			.item{
				width: 100%;
				.zoom;
				margin-top: 30px;
				//&:nth-child(2n){
				//	.img{
				//		float: right;
				//	}
				//	.right{
				//		float: left;
				//	}
				//}
				.img{
					float: left;
					width: 100%;
					.zoom;
					img{
						display: block;
						max-width: 90%;
						margin: auto;
					}
				}
				.right{
					width: 100%;
					float: right;
					.zoom;
					text-align: center;
					margin-top: 10px;
					.p1{
						font-size: 60px;
						color: #005bac;
						text-align: center;
						width: 100px;
					}
					.p2{
						font-size: 14px;
						color: #999;
					}
					.p3{
						font-size: 18px;
						color: #fe7e01;
						padding: 8px 0;
					}
					.p4{
						font-size: 14px;
						color: #333;
						padding: 0px 8px;
						line-height: 22px;
					}
					.yuan{
						width: 26px;
						height: 26px;
						border-radius: 50%;
						border: 1px solid #7d7d7d;
						color: #7d7d7d;
						font-size: 20px;
						font-family: 'songti';
						line-height: 26px;
						margin: 10px auto 0;
					}
					.ljgdcp{
						width: 110px;
						height: 36px;
						/* border-radius: 50%; */
						border: 1px solid #7d7d7d;
						color: #7d7d7d;
						font-size: 20px;
						font-family: 'songti';
						line-height: 36px;
						margin: 10px auto 0;
						font-size: 14px;
						display: block;
						&:hover{
							border-color: #0d67bd;
							color: #0d67bd;
						}
					}
				}
			}
		}
	}
	.howinvest{
		width: 100%;
		.zoom;
		float: right;
		.p1{
			font-size: 20px;
			color: #fe7e01;
			padding-top: 26px;
			text-align: center;
		}
		.p2{
			font-size: 14px;
			color: #005bac;
			text-align: center;
			padding-top: 6px;
		}
		.p3{
			font-size: 26px;
			color: #005bac;
			text-align: center;
			padding-top: 6px;
		}
		.p4{
			font-size: 16px;
			color: #333;
			text-align: center;
			padding-top: 12px;
		}
		.liyou{
			width: 100%;
			height: auto;
			zoom: 1;
			margin-top: 60px;
			.list{
				width: 49%;
				height: 230px;
				float: left;
				background: #e2edf7;
				margin-left: 2%;
				margin-bottom: 40px;
				&:nth-child(2n+1){
					margin-left: 0;
				}
				.yuan{
					width: 58px;
					height: 58px;
					border-radius: 100%;
					overflow: hidden;
					background: #fe7e01;
					margin: auto;
					margin-top: -29px;
					p{
						font-size: 16px;
						color: #fff;
						text-align: center;
						padding-top: 10px;
					}
				}
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #333;
					line-height: 24px;
					padding-top: 10px;
				}
				.p2{
					font-size: 14px;
					color: #666;
					line-height: 20px;
					padding: 8px 4px;
					text-align: center;
				}
			}
		}
	}
	.com-ny-title{
		margin: auto;
		text-align: center;
		.p1{
			font-size: 20px;
			color: #005bac;
		}
		.p2{
			font-size: 14px;
			color: #fe7e01;
			padding-top: 6px;
		}
		.p3{
			font-size: 14px;
			color: #333;
			padding: 10px 10px 0px;
			line-height: 20px;
		}
	}
	.ny-box{
		width: 100%;
		.zoom;
		margin-top: 20px;
	}
	.fiveadv{
		width: 100%;
		.zoom;
		margin-top: 20px;
		.item{
			width: 100%;
			height: 210px;
			float: left;
			.list{
				width: 50%;
				.zoom;
				float: left;
				background: #d3e4f3;
				height: 100%;
				overflow: hidden;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
				.p1{
					font-size: 22px;
					font-weight: bold;
					color: #fe7e01;
					text-align: center;
					padding-top: 8px;
				}
				.p2{
					font-size: 16px;
					font-weight: bold;
					color: #005bac;
					text-align: center;
					padding-top: 6px;
				}
				.p3{
					font-size: 14px;
					color: #666;
					text-align: center;
					line-height: 18px;
					padding: 14px 4px 0px;

				}
			}
		}
	}
	.jxsb{
		width: 100%;
		.zoom;
		//margin-top: 8px;
		.list{
			display: block;
			width: 48%;
			float: left;
			margin-top: 14px;
			margin-left: 2%;
			position: relative;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			.img{
				width: 100%;
				border-radius: 100%;
				overflow: hidden;
				img{
					display: block;
					width: 100%;
				}
			}
			.title{
				width: 100%;
				height: 36px;
				line-height: 36px;
				text-align: center;
				.gt;
				font-size: 14px;
				color: #fff;
				background: rgba(13,103,189,.8);
				position: absolute;
				z-index: 99;
				left: 0;
				bottom: 0;
			}
		}
	}
}


.edit-box{
	margin-top: 46px;
	img{
		text-align: center;
		max-width: 100%;
		margin: 20px 0;
	}
}
.zuidownbox{
	margin-bottom: 40px;
}

@media (min-width: 640px) {
	.pinzhi{
		width: 806px;
		.zoom;
		float: left;
		margin-left: 96px;
		.item{
			width: 100%;
			.zoom;
			margin-top: 54px;
			&:nth-child(2n){
				.sb_wz{
					float: right;
					.wz{
						float: right;
					}
				}
				.img{
					float: left;
				}
			}
			.sb_wz{
				width: 406px;
				min-height: 200px;
				.boz;
				border: 4px solid #0d67bd;
				float: left;
				.wz{
					width: 360px;
					.zoom;
					float: left;
					margin-left: 14px;
					.p1{
						font-size: 24px;
						color: #0d67bd;
						font-weight: bold;
						padding-top: 14px;
					}
					.txt{
						width: 100%;
						.zoom;
						font-size: 14px;
						color: #666;
						line-height: 24px;
						margin-top: 14px;
					}
				}
			}
			.img{
				float: right;
				width: 400px;
				height: 200px;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}
@media (max-width: 639px) {
	.pinzhi{
		width: 100%;
		.zoom;
		margin-top: 20px;
		float: left;
		.item{
			width: 100%;
			.zoom;
			margin-top: 16px;
			&:nth-child(2n){
				.sb_wz{
					float: right;
					.wz{
						float: right;
					}
				}
				.img{
					float: left;
				}
			}
			.sb_wz{
				width: 100%;
				.zoom;
				.boz;
				border: 2px solid #0d67bd;
				float: left;
				.wz{
					width: 96%;
					.zoom;
					.p1{
						font-size: 16px;
						color: #0d67bd;
						font-weight: bold;
						padding-top: 10px;
					}
					.txt{
						width: 100%;
						.zoom;
						font-size: 14px;
						color: #666;
						line-height: 20px;
						margin-top: 12px;
						margin-bottom: 10px;
					}
				}
			}
			.img{
				float: right;
				width: 100%;
				.zoom;
				img{
					display: block;
					width: 100%;
				}
			}
		}
	}
}

@media (min-width: 640px) {
	.sbys{
		.p1{
			font-size: 20px;
			color: #666;
			text-align: center;
		}
		.p2{
			font-size: 36px;
			color: #fe7e01;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 56px;
			.list{
				width: 344px;
				height: 88px;
				float: left;
				margin-bottom: 46px;
				margin-left: 84px;
				&:nth-child(3n+1){
					margin-left: 0;
				}
				.list-icon{
					float: left;
					display: block;
					width: 80px;
				}
				.list-r{
					width: 244px;
					height: 100%;
					float: right;
					.p1{
						width: 100%;
						height: 38px;
						.gt;
						font-size: 24px;
						color: #333;
						line-height: 38px;
						text-align: left;
					}
					.p2{
						font-size: 14px;
						color: #666;
						line-height: 24px;
						height: 48px;
						.gt2;
						text-align: left;
					}
				}
			}
		}
	}
	.sb-list{
		width: 100%;
		height: 380px;
		overflow: hidden;
		.list{
			margin-top: 42px;
			display: block;
			width: 270px;
			height: 340px;
			float: left;
			margin-left: 40px;
			&:nth-child(4n+1){
				margin-left: 0;
			}
			&:hover{
				.img{
					border-color: #005bac;
				}
				.name{
					color: #005bac;
				}
			}
			.img{
				width: 100%;
				height: 280px;
				.boz;
				border: 6px solid #e2edf7;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				width: 100%;
				height: 56px;
				line-height: 56px;
				.gt;
				font-size: 16px;
				color: #656565;
				text-align: center;
			}
		}
	}
	.fl-list{
		width: 1090px;
		.zoom;
		margin-top: 38px;
		.list{
			display: block;
			width: 25%;
			height: 160px;
			.boz;
			border: 1px solid #b5b5b5;
			float: left;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
			.cont{
				padding: 26px;
				.zoom;
				.p1{
					font-size: 20px;
					font-weight: bold;
					color: #0066cc;
				}
				.p2{
					font-size: 14px;
					color: #666;
					padding-top: 6px;
				}
				.yuan{
					width: 26px;
					height: 26px;
					border-radius: 100%;
					border: 1px solid #828282;
					margin-top: 28px;
					text-align: center;
					line-height: 26px;
					font-size: 20px;
					color: #828282;
					font-family: 'songti'
				}
			}
		}
	}
	.ma{
		width: 100%;
		.zoom;
		background: #ededed;
		margin-top: 84px;
		text-align: center;
		.p1{
			font-size: 30px;
			color: #fe7e01;
			padding-top: 30px;
		}
		.p2{
			font-size: 16px;
			color: #666;
			padding-top: 18px;
		}
		.p3{
			font-size: 30px;
			color: #0066cc;
			padding-top: 4px;
		}
		a{
			display: block;
			width: 170px;
			height: 56px;
			margin: 24px auto 36px;
			text-align: center;
			line-height: 56px;
			color: #fff;
			background: #fe7e01;
			font-size: 20px;
		}
	}
	.zj_tel{
		width: 100%;
		height: 140px;
		background: #626262;
		margin-top: 46px;
		background: url(../image/zj_tel.jpg);
		background-size: cover;
		background-position: center center;
		p{
			float: left;
			line-height: 140px;
			color: #fff;
			font-size: 28px;
			padding-left: 36px;
		}
		a{
			display: block;
			width: 152px;
			height: 56px;
			float: left;
			margin-top: 42px;
			margin-left: 74px;
			background: #fe7e01;
			text-align: center;
			line-height: 56px;
			font-size: 24px;
			color: #fff;
			border-radius: 10px;
		}
		img{
			float: right;
			margin-top: 52px;
			width: 444px;
			margin-right: 20px;
		}
	}
	.sdhx{
		.p-head{
			font-size: 24px;
			color: #0d67bd;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 54px;
			.item{
				width: 260px;
				.zoom;
				float: left;
				text-align: center;
				margin-left: 53px;
				&:first-child{
					margin-left: 0;
				}
				.yuan{
					width: 120px;
					height: 120px;
					border-radius: 100%;
					border: 1px solid #0d67bd;
					margin: auto;
					div{
						width: 112px;
						height: 112px;
						border-radius: 100%;
						margin: 4px auto;
						background: #0d67bd;
						text-align: center;
						line-height: 112px;
						font-size: 40px;
						color: #fff;
					}
				}
				.p1{
					font-size: 20px;
					font-weight: bold;
					color: #0d67bd;
					padding-top: 14px;
				}
				.p2{
					font-size: 16px;
					color: #626262;
					line-height: 28px;
					padding-top: 20px;
				}
			}
		}
	}
	.tyjd{
		.p-head{
			font-size: 24px;
			color: #0d67bd;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			position: relative;
			margin-top: 26px;
			img{
				display: block;
				width: 100%;
			}
			.txt{
				position: absolute;
				width: 414px;
				height: 200px;
				left: 360px;
				top: 50%;
				margin-top: -100px;
				background: rgba(0,0,0,.5);
				color: #fff;
				.p1{
					font-size: 30px;
					padding-left: 42px;
					&:first-child{
						padding-top: 32px;
					}
				}
			}
		}
	}
	.txjg{
		.head{
			width: 100%;
			.zoom;
			text-align: center;
			.p1{
				font-size: 24px;
				font-weight: bold;
				color: #0d67bd;
				span{
					color: #fe7e01;
				}
			}
			.p2{
				font-size: 16px;
				color: #333;
				padding-top: 14px;
			}
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 50px;
			.item{
				float: left;
				width: 33.33333%;
				.zoom;
				text-align: center;
				img{
					margin: auto;
					display: block;
					max-width: 70%;
				}
				.p1{
					font-size: 20px;
					font-weight: bold;
					color: #0d67bd;
					padding-top: 28px;
				}
				.p2{
					font-size: 16px;
					color: #666;
					padding: 16px 60px;
				}
			}
		}
	}
	.goodtan{
		.box{
			width: 910px;
			.zoom;
			.item{
				width: 100%;
				height: 274px;
				&:nth-child(2n){
					.img{
						float: right;
					}
					.right{
						float: left;
					}
				}
				.img{
					width: 454px;
					height: 274px;
					float: left;
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				.right{
					float: right;
					width: 454px;
					height: 100%;
					background: #e6f0f8;
					.head{
						width: 94%;
						height: 72px;
						margin: auto;
						margin-top: 28px;
						.k{
							width: 72px;
							height: 72px;
							float: left;
							background: url(../image/jgjt.png);
							background-size: 100% 100%;
							text-align: center;
							line-height: 72px;
							font-size: 24px;
							font-weight: bold;
							color: #fe7e01;
						}
						p{
							float: left;
							line-height: 72px;
							font-size: 20px;
							font-weight: bold;
							color: #0d67bd;
							padding-left: 8px;
						}
					}
					.txt-box{
						width: 94%;
						font-size: 16px;
						color: #666;
						line-height: 28px;
						height: 140px;
						margin: auto;
						margin-top: 14px;
					}
				}
			}
		}

	}
	.bzsj{
		float: right;
		width: 880px;
		.zoom;
		img{
			display: block;
			width: 100%;
			margin-top: 112px;
		}
	}
	.zjfwpt{
		background: url(../image/xz_bg1.jpg);
		background-size: cover;
		background-position: center;
		text-align: center;
		.p1{
			font-size: 30px;
			color: #666;
			padding-top: 36px;
			span{
				font-size: 16px;
				color: #fe7e01;
			}
		}
		.p2{
			font-size: 48px;
			color: #0059ab;
			padding-top: 8px;
			span{
				font-size: 16px;
				color: #666;
			}
		}
		// img{
		// 	max-width: 90%;
		//        padding-top: 56px;
		//        padding-bottom: 150px;
		// }
		.xz_sb6{
			float: left;
			margin-top: 86px;
		}
		.xz_sb7{
			float: right;
			margin-top: 256px;
		}
	}
	.xjbg{
		background: url(../image/xz_bg2.jpg);
		background-size: cover;
		background-position: center;
		margin-top: 0;
		.com-ny-title{
			margin-top: 70px;
		}
		.box{
			margin-bottom: 100px !important;
		}
	}
	.sjln{

		.box{
			width: 100%;
			.zoom;
			margin-top: 40px;
			.list{
				width: 336px;
				height: 324px;
				float: left;
				margin-left: 96px;
				background: rgba(255,255,255,.8);
				&:first-child{
					margin-left: 0;
				}
				.cont{
					padding: 26px;
					height: auto;
					zoom: 1;
					.list-head{
						width: 100%;
						height: 80px;
						border-bottom: 2px solid #fe7e01;
						margin-top: 14px;
						img{
							display: block;
							float: left;
							width: 54px;
							margin-top: 0px;
							margin-left: 40px;
						}
						.list-head-right{
							float: right;
							width: 140px;
							height: 54;
							line-height: 27px;
							font-size: 19px;
							color: #0066cc;
							margin-right: 30px;
						}
					}
					.list-bod{
						width: 100%;
						height: 112;
						margin-top: 40px;
						line-height: 28px;
						font-size: 16px;
						color: #333;
						.gt4;
						text-align: center;
					}
				}
			}
		}
		img{
			display: block;
			max-width: 90%;
			margin: auto;
			margin-top: 56px;
		}
	}
	.yxzp{
		background: #e0ecf9;
		.com-ny-title{
			margin-top: 52px;
		}
		.box{
			margin-top: 36px;
			.list{
				display: block;
				width: 280px;
				height: 280px;
				.boz;
				border: 2px solid #b5b5b5;
				float: left;
				margin-bottom: 30px;
				margin-left: 26px;
				&:nth-child(4n+1){
					margin-left: 0;
				}
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
		}
		.more{
			font-size: 20px;
			font-weight: bold;
			color: #0066cc;
			padding-top: 20px;
			padding-bottom: 40px;
			float: right;
		}
	}
	.rk{
		text-align: center;
		.p1{
			font-size: 26px;
			color: #0066cc;
		}
		.p2{
			font-size: 18px;
			color: #666;
			padding-top: 6px;
		}
		.p3{
			font-size: 36px;
			color: #fe7e01;
			padding-top: 4px;
		}
		.siw{
			width: 100%;
			height: 150px;
			position: relative;
			margin-bottom: 40px;
			margin-top: 34px;
			.swiper-container4{
				width: 1070px;
				margin: auto;
				.swiper-slide{
					height: 100%;
					.img{
						background: #fff;
						width: 100%;
						height: 110px;
						text-align: center;
						line-height: 110px;
						.boz;
						border: 2px solid #d2d2d2;
						img{
							max-width: 96%;
							max-height: 96%;
							height: auto;
							vertical-align: middle;
						}
					}
					.txt{
						width: 100%;
						height: 40px;
						line-height: 40px;
						font-size: 16px;
						color: #666;
						.gt;
						text-align: center;
					}
				}
			}
			.swiper-button-next,.swiper-button-prev{
				background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E");
			}
			.swiper-button-prev{
				transform:rotate(180deg);
				-ms-transform:rotate(180deg); 	/* IE 9 */
				-moz-transform:rotate(180deg); 	/* Firefox */
				-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
				-o-transform:rotate(180deg); 	/* Opera */
			}
		}
	}
	.com-left-nav-down{
		width: 100%;
		.zoom;
		margin-top: 26px;
		.head{
			width: 100%;
			height: 72px;
			background: #005bac;
			color: #fff;
			cursor: pointer;
			.cont{
				padding: 16px;
				p{
					font-size: 20px;
				}
				.en{
					width: 100%;
					height: 18px;
					font-size: 12px;
					line-height: 18px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-transform: uppercase;
				}
			}
		}
		.bod{
			width: 100%;
			.zoom;
			margin-top: 2px;
			background: #ddedfb;
			.cont{
				padding: 16px;
				.zoom;
				img{
					display: block;
					width: 100%;
					margin: 14px 0;
				}
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #005bac;
				}
				.item{
					width: 100%;
					.zoom;
					margin-top: 14px;
					.p{
						font-size: 14px;
						color: #333;
						line-height: 18px;
					}
				}
			}
		}
	}
	.com-right-box{
		width: 910px;
		.zoom;
		float: right;
	}
	.right-xq-edit{
		width: 100%;
		border: 1px solid #b5b5b5;
		.boz;
		.cont{
			padding: 20px;
			.zoom;
			img{
				display: block;
				max-width: 96%;
				margin: 20px auto;
			}
		}
	}
	.news-list-box{
		width: 100%;
		.zoom;
		background: #fff;
		.cont{
			.zoom;
			.item{
				display: block;
				width: 100%;
				height: 162px;
				border-bottom: 1px dashed #b5b5b5;
				margin-bottom: 16px;
				&:hover{
					.right{
						.title{
							color: #005bac;
							font-weight: bold;
						}
						.down{
							span{
								border-color: #005bac;
								background: #005bac;
								color: #fff;
							}
						}
					}
				}
				.img-box{
					width: 214px;
					height: 148px;
					float: left;
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				.right{
					width: -webkit-calc(~'100% - 228px');
					width: -moz-calc(~'100% - 228px');
					width: calc(~'100% - 228px');
					float: right;
					.zoom;
					.title{
						width: 100%;
						height: 34px;
						.gt;
						font-size: 18px;
						color: #333;
						line-height: 34px;
					}
					.txt{
						width: 100%;
						height: 40px;
						.gt2;
						font-size: 14px;
						color: #666;
						line-height: 20px;
						margin-top: 12px;
					}
					.down{
						width: 100%;
						height: 36px;
						margin-top: 26px;
						p{
							float: left;
							font-size: 14px;
							color: #666;
							line-height: 36px;
						}
						span{
							display: block;
							width: 96px;
							height: 32px;
							float: right;
							border: 2px solid #fe7e01;
							color: #fe7e01;
							font-size: 14px;
							text-align: center;
							line-height: 32px;
						}
					}
				}
			}
		}
	}
	.honor-list{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 438px;
			height: 330px;
			float: left;
			border: 1px solid #b5b5b5;
			margin-left: 30px;
			margin-bottom: 20px;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			&:hover{
				background: #005bac;
				.name{
					color: #fff;
				}
			}
			.img{
				display: block;
				width: 366px;
				height: 266px;
				margin: 14px auto 0;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				width: 336px;
				height: 42px;
				margin: auto;
				.gt;
				line-height: 42px;
				font-size: 16px;
				color: #333;
				text-align: center;
			}
		}
	}
	.teamlist{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 100%;
			.zoom;
			border-bottom: 1px dashed #b5b5b5;
			margin-bottom: 28px;
			.img{
				width: 306px;
				float: left;
				height: 348px;
				.boz;
				border: 1px solid #cecece;
				margin-bottom: 20px;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: 582px;
				float: right;
				.zoom;
				margin-bottom: 20px;
				.p1{
					font-size: 14px;
					color: #666;
					padding-top: 10px;
					span{
						font-size: 20px;
						font-weight: bold;
						color: #fe7e01;
						padding-right: 8px;
					}
				}
				.txt{
					width: 100%;
					.zoom;
					margin-top: 26px;
					font-size: 14px;
					color: #666;
					line-height: 24px;
					text-indent: 2em;
				}
			}
		}
	}
	.listbox{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 280px;
			height: 330px;
			margin-bottom: 18px;
			float: left;
			margin-left: 34px;
			&:nth-child(3n+1){
				margin-left: 0;
			}
			&:hover{
				.img{
					border-color: #fe7e01;
				}
				.name{
					color: #fe7e01;
				}
			}
			.img{
				width: 100%;
				height: 280px;
				.boz;
				border: 6px solid #e2edf7;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				width: 100%;
				height: 50px;
				line-height: 50px;
				text-align: center;
				.gt;
				font-size: 16px;
				color: #333;
			}
		}
	}
}
@media (max-width: 639px) {
	.sbys{
		.p1{
			font-size: 14px;
			color: #666;
			text-align: center;
		}
		.p2{
			font-size: 18px;
			color: #fe7e01;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 16px;
			.list{
				width: 100%;
				.zoom;
				float: left;
				margin-bottom: 18px;
				//margin-left: 84px;
				//&:nth-child(3n+1){
				//	margin-left: 0;
				//}
				.list-icon{
					float: left;
					display: block;
					width: 60px;
				}
				.list-r{
					width: -webkit-calc(~'100% - 68px');
					width: -moz-calc(~'100% - 68px');
					width: calc(~'100% - 68px');
					height: 100%;
					float: right;
					.p1{
						width: 100%;
						height: 28px;
						.gt;
						font-size: 16px;
						color: #333;
						line-height: 28px;
						text-align: left;
					}
					.p2{
						font-size: 14px;
						color: #666;
						line-height: 20px;
						height: 40px;
						.gt2;
						text-align: left;
					}
				}
			}
		}
	}
	.sb-list{

		.list{
			margin-top: 16px;
			display: block;
			width: 49%;
			.zoom;
			float: left;
			margin-top: 8px;
			margin-left: 2%;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			.img{
				width: 100%;
				.zoom;
				.boz;
				border: 2px solid #e2edf7;
				img{
					display: block;
					width: 100%;
				}
			}
			.name{
				width: 100%;
				height: 42px;
				line-height: 42px;
				.gt;
				font-size: 14px;
				color: #656565;
				text-align: center;
			}
		}
	}
	.fl-list{
		width: 100%;
		.zoom;
		margin-top: 18px;
		.list{
			display: block;
			width: 50%;
			height: 130px;
			.boz;
			border: 1px solid #b5b5b5;
			float: left;
			margin-bottom: 6px;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
			.cont{
				padding: 6px;
				.zoom;
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #0066cc;
				}
				.p2{
					font-size: 12px;
					color: #666;
					padding-top: 4px;
				}
				.yuan{
					width: 20px;
					height: 20px;
					border-radius: 100%;
					border: 1px solid #828282;
					margin-top: 18px;
					text-align: center;
					line-height: 20px;
					font-size: 16px;
					color: #828282;
					font-family: 'songti'
				}
			}
		}
	}
	.ma{
		width: 100%;
		.zoom;
		background: #ededed;
		margin-top: 24px;
		text-align: center;
		.p1{
			font-size: 18px;
			color: #fe7e01;
			padding: 14px 6px 0px 6px;
		}
		.p2{
			font-size: 14px;
			color: #666;
			padding-top: 12px;
		}
		.p3{
			font-size: 20px;
			color: #0066cc;
			padding-top: 4px;
		}
		a{
			display: block;
			width: 120px;
			height: 36px;
			margin: 14px auto 16px;
			text-align: center;
			line-height: 36px;
			color: #fff;
			background: #fe7e01;
			font-size: 14px;
		}
	}
	.zj_tel{
		width: 100%;
		height: 100px;
		background: #626262;
		margin-top: 26px;
		background: url(../image/zj_tel.jpg);
		background-size: cover;
		background-position: center center;
		text-align: center;
		p{
			color: #fff;
			font-size: 18px;
			text-align: center;
			padding-top: 14px;
		}
		a{
			display: block;
			width: 110px;
			height: 36px;
			margin: auto;
			margin-top: 16px;
			background: #fe7e01;
			text-align: center;
			line-height: 36px;
			font-size: 16px;
			color: #fff;
			border-radius: 4px;
		}
		img{
			display: none;
			float: right;
			margin-top: 52px;
			width: 444px;
			margin-right: 20px;
		}
	}
	.sdhx{
		.p-head{
			font-size: 18px;
			color: #0d67bd;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 24px;
			.item{
				width: 48%;
				height: 222px;
				float: left;
				text-align: center;
				margin-bottom: 20px;
				margin-left: 4%;
				&:nth-child(2n+1){
					margin-left: 0;
				}
				.yuan{
					width: 80px;
					height: 80px;
					border-radius: 100%;
					border: 1px solid #0d67bd;
					margin: auto;
					div{
						width: 72px;
						height: 72px;
						border-radius: 100%;
						margin: 4px auto;
						background: #0d67bd;
						text-align: center;
						line-height: 72px;
						font-size: 30px;
						color: #fff;
					}
				}
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #0d67bd;
					padding-top: 10px;
				}
				.p2{
					font-size: 14px;
					color: #626262;
					line-height: 24px;
					padding-top: 10px;
				}
			}
		}
	}
	.tyjd{
		margin-top: 10px;
		.p-head{
			font-size: 20px;
			font-weight: bold;
			color: #0d67bd;
			text-align: center;
		}
		.box{
			width: 100%;
			.zoom;
			position: relative;
			margin-top: 20px;
			img{
				display: block;
				width: 100%;
				min-height: 140px;
			}
			.txt{
				position: absolute;
				width: 280px;
				height: 120px;
				left: 50%;
				margin-left: -140px;
				top: 50%;
				margin-top: -60px;
				background: rgba(0,0,0,.5);
				color: #fff;
				.p1{
					font-size: 18px;
					padding-left: 42px;
					&:first-child{
						padding-top: 24px;
					}
				}
			}
		}
	}
	.txjg{
		.head{
			width: 100%;
			.zoom;
			text-align: center;
			.p1{
				font-size: 20px;
				font-weight: bold;
				color: #0d67bd;
				padding-top: 6px;
				span{
					color: #fe7e01;
				}
			}
			.p2{
				font-size: 14px;
				color: #333;
				padding-top: 10px;
			}
		}
		.box{
			width: 100%;
			.zoom;
			margin-top: 30px;
			.item{
				float: left;
				width: 100%;
				.zoom;
				text-align: center;
				margin-bottom: 10px;
				img{
					margin: auto;
					display: block;
					max-width: 70%;
				}
				.p1{
					font-size: 18px;
					font-weight: bold;
					color: #0d67bd;
					padding-top: 16px;
				}
				.p2{
					font-size: 14px;
					color: #666;
					padding: 14px 0px;
				}
			}
		}
	}
	.goodtan{

		.box{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				.zoom;
				&:nth-child(2n){
					.img{
						float: right;
					}
					.right{
						float: left;
					}
				}
				.img{
					width:100%;
					float: left;
					img{
						display: block;
						width: 100%;
					}
				}
				.right{
					float: right;
					width: 100%;
					height: 100%;
					background: #e6f0f8;
					.head{
						width: 100%;
						.zoom;
						margin: auto;
						margin-top: 12px;
						.k{
							width: 56px;
							height: 56px;
							float: left;
							background: url(../image/jgjt.png);
							background-size: 100% 100%;
							text-align: center;
							line-height: 56px;
							font-size: 20px;
							font-weight: bold;
							color: #fe7e01;
						}
						p{
							float: left;
							line-height: 56px;
							font-size: 16px;
							font-weight: bold;
							color: #0d67bd;
							padding-left: 8px;
						}
					}
					.txt-box{
						width: 96%;
						font-size: 14px;
						color: #666;
						line-height: 20px;
						.zoom;
						margin: auto;
						margin-top: 8px;
						margin-bottom: 12px;
					}
				}
			}
		}
	}
	.bzsj{

		width: 100%;
		.zoom;
		img{
			display: block;
			width: 100%;
			margin-top: 22px;
		}
	}
	.zjfwpt{
		background: url(../image/xz_bg1.jpg);
		background-size: cover;
		background-position: center;
		text-align: center;
		.p1{
			font-size: 30px;
			color: #666;
			padding-top: 36px;
			span{
				font-size: 16px;
				color: #fe7e01;
			}
		}
		.p2{
			font-size: 48px;
			color: #0059ab;
			padding-top: 8px;
			span{
				font-size: 16px;
				color: #666;
			}
		}
		// img{
		// 	max-width: 90%;
		//        padding-top: 56px;
		//        padding-bottom: 150px;
		// }
		.xz_sb6{
			margin: auto;
			margin-top: 46px;
			width: 96%;
		}
		.xz_sb7{
			margin: auto;
			margin-top: 36px;
			max-width: 96%;
		}
	}
	.xjbg{
		background: url(../image/xz_bg2.jpg);
		background-size: cover;
		background-position: center;
		margin-top: 0;
		.com-ny-title{
			margin-top: 30px;
		}
		.box{
			margin-bottom: 30px !important;
		}
	}
	.sjln{

		.box{
			width: 100%;
			.zoom;
			margin-top: 20px;
			.list{
				width: 100%;
				.zoom;
				float: left;
				background: rgba(255,255,255,.8);
				margin-top: 20px;
				&:first-child{
					margin-left: 0;
				}
				.cont{
					padding: 10px;
					height: auto;
					zoom: 1;
					.list-head{
						width: 100%;
						height: 64px;
						border-bottom: 2px solid #fe7e01;
						margin-top: 6px;
						img{
							display: block;
							width: 54px;
							margin-top: 0px;
							margin-left: 10px;
							float: left;
						}
						.list-head-right{
							display: block;
							width: 140px;
							height: 54px;
							line-height: 27px;
							font-size: 18px;
							color: #0066cc;
							float: left;
							margin-left: 20px;
						}
					}
					.list-bod{
						width: 100%;
						.zoom;
						margin-top: 10px;
						line-height: 26px;
						font-size: 16px;
						color: #333;
						text-align: center;
					}
				}
			}
		}
		img{
			display: block;
			max-width: 100%;
			margin: auto;
			margin-top: 36px;
		}
	}
	.yxzp{
		background: #e0ecf9;
		.com-ny-title{
			margin-top: 32px;
		}
		.box{
			margin-top: 36px;
			.list{
				display: block;
				.zoom;
				.boz;
				border: 1px solid #b5b5b5;
				float: left;
				margin-bottom: 30px;
				margin-left: 26px;
				&:nth-child(4n+1){
					margin-left: 0;
				}
				img{
					display: block;
					width: 100%;
				}
			}
		}
		.more{
			font-size: 16px;
			font-weight: bold;
			color: #0066cc;
			padding-top: 10px;
			padding-bottom: 30px;
			float: right;
		}
	}
	.rk{
		text-align: center;
		.p1{
			font-size: 18px;
			color: #0066cc;
		}
		.p2{
			font-size: 14px;
			color: #666;
			padding-top: 6px;
		}
		.p3{
			font-size: 18px;
			color: #fe7e01;
			padding-top: 4px;
		}
		.siw{
			width: 100%;
			height: 150px;
			position: relative;
			margin-bottom: 40px;
			margin-top: 34px;
			.swiper-container4{
				width: 100%;
				margin: auto;
				overflow: hidden;
				.swiper-slide{
					height: 100%;
					.img{
						background: #fff;
						width: 100%;
						height: 110px;
						text-align: center;
						line-height: 110px;
						.boz;
						border: 2px solid #d2d2d2;
						img{
							max-width: 96%;
							max-height: 96%;
							height: auto;
							vertical-align: middle;
						}
					}
					.txt{
						width: 100%;
						height: 40px;
						line-height: 40px;
						font-size: 16px;
						color: #666;
						.gt;
						text-align: center;
					}
				}
			}
			.swiper-button-next,.swiper-button-prev{
				background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c3c3c3'%2F%3E%3C%2Fsvg%3E");
				width: 20px;
				background-size: 100%;
				right: 0;
				display: none;
			}
			.swiper-button-prev{
				transform:rotate(180deg);
				-ms-transform:rotate(180deg); 	/* IE 9 */
				-moz-transform:rotate(180deg); 	/* Firefox */
				-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
				-o-transform:rotate(180deg); 	/* Opera */
				width: 20px;
				background-size: 100%;
				left: 0;
			}
		}
	}
	.com-left-nav-down{
		width: 100%;
		.zoom;
		margin-top: 16px;
		display: none;
		.head{
			width: 100%;
			background: #005bac;
			color: #fff;
			cursor: pointer;
			.cont{
				padding: 10px 14px;
				p{
					font-size: 16px;
				}
				.en{
					width: 100%;
					height: 18px;
					font-size: 12px;
					line-height: 18px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-transform: uppercase;
				}
			}
		}
		.bod{
			width: 100%;
			.zoom;
			margin-top: 2px;
			background: #ddedfb;
			.cont{
				padding: 10px 14px;
				.zoom;
				img{
					display: block;
					max-width: 100%;
					float: left;
					margin: 10px 0;
				}
				.p1{
					font-size: 16px;
					font-weight: bold;
					color: #005bac;
				}
				.item{
					width: 100%;
					.zoom;
					margin-top: 8px;
					.p{
						font-size: 14px;
						color: #333;
						line-height: 18px;
					}
				}
			}
		}
	}
	.com-right-box{
		width: 100%;
		.zoom;
		margin-top: 20px;
		float: left;
		margin-bottom: 20px;
	}
	.right-xq-edit{
		width: 100%;
		border: 1px solid #b5b5b5;
		.boz;
		.cont{
			padding: 10px;
			.zoom;
			img{
				display: block;
				max-width: 96%;
				margin: 20px auto;
			}
		}
	}
	.news-list-box{
		width: 100%;
		.zoom;
		background: #fff;
		.cont{
			.zoom;
			.item{
				display: block;
				width: 100%;
				height: 120px;
				border-bottom: 1px dashed #b5b5b5;
				margin-bottom: 16px;
				&:hover{
					.right{
						.title{
							color: #005bac;
							font-weight: bold;
						}
						.down{
							span{
								border-color: #005bac;
								background: #005bac;
								color: #fff;
							}
						}
					}
				}
				.img-box{
					width: 140px;
					height: 108px;
					float: left;
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				.right{
					width: -webkit-calc(~'100% - 150px');
					width: -moz-calc(~'100% - 150px');
					width: calc(~'100% - 150px');
					float: right;
					.zoom;
					.title{
						width: 100%;
						height: 24px;
						.gt;
						font-size: 16px;
						color: #333;
						line-height: 24px;
					}
					.txt{
						width: 100%;
						height: 40px;
						.gt2;
						font-size: 14px;
						color: #666;
						line-height: 20px;
						margin-top: 10px;
					}
					.down{
						width: 100%;
						height: 36px;
						margin-top: 6px;
						p{
							float: right;
							font-size: 14px;
							color: #666;
							line-height: 36px;
						}
						span{
							display: none;
							width: 96px;
							height: 32px;
							float: right;
							border: 2px solid #fe7e01;
							color: #fe7e01;
							font-size: 14px;
							text-align: center;
							line-height: 32px;
						}
					}
				}
			}
		}
	}
	.honor-list{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 49%;
			height: 206px;
			float: left;
			border: 1px solid #b5b5b5;
			.boz;
			margin-left: 2%;
			margin-bottom: 12px;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			&:hover{
				background: #005bac;
				.name{
					color: #fff;
				}
			}
			.img{
				display: block;
				width: 96%;
				height: 152px;
				margin: 14px auto 0;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				width: 96%;
				height: 36px;
				margin: auto;
				.gt;
				line-height: 36px;
				font-size: 14px;
				color: #333;
				text-align: center;
			}
		}
	}
	.teamlist{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 100%;
			.zoom;
			border-bottom: 1px dashed #b5b5b5;
			margin-bottom: 20px;
			.img{
				width: 150px;
				float: left;
				.boz;
				border: 1px solid #cecece;
				margin-bottom: 20px;
				img{
					display: block;
					width: 100%;
				}
			}
			.right{
				width: calc(~'100% - 160px');
				width: -webkit-calc(~'100% - 160px');
				width: -moz-calc(~'100% - 160px');
				float: right;
				.zoom;
				margin-bottom: 20px;
				.p1{
					font-size: 14px;
					color: #666;
					padding-top: 10px;
					span{
						font-size: 20px;
						font-weight: bold;
						color: #fe7e01;
						padding-right: 8px;
					}
				}
				.txt{
					width: 100%;
					.zoom;
					margin-top: 8px;
					font-size: 14px;
					color: #666;
					line-height: 24px;
					text-indent: 2em;
				}
			}
		}
	}
	.listbox{
		width: 100%;
		.zoom;
		.list{
			display: block;
			width: 49%;
			.zoom;
			margin-bottom: 10px;
			float: left;
			margin-left: 2%;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			&:hover{
				.img{
					border-color: #fe7e01;
				}
				.name{
					color: #fe7e01;
				}
			}
			.img{
				width: 100%;
				height: 212px;
				.boz;
				border: 2px solid #e2edf7;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align: center;
				.gt;
				font-size: 14px;
				color: #333;
			}
		}
	}
}


.com-page1{
	width: 100%;
	.zoom;
	background: #eeeeee;
	margin: 40px 0;
	.cont{
		padding: 20px;
		.zoom;
		a{
			display: block;
			width: 100%;
			height: 24px;
			.gt;
			font-size: 14px;
			color: #333;
			line-height: 24px;
		}
	}
}





.m-container{
	padding: 0 10px;
	.zoom;
}

.m-header{
	width: 100%;
	height: 66px;
	background: #f3f9ff;
	position: relative;
	.m-nav-box{
		width: 100%;
		.zoom;
		position: absolute;
		top: 66px;
		background: rgba(0,0,0,.6);
		left: 0;
		z-index: 99999;
		padding: 10px 0;
		display: none;
		.list{
			width: 96%;
			height: 32px;
			margin: auto;
			border-bottom: 1px dashed #fff;

			a{
				font-size: 14px;
				padding-left: 10px;
				line-height: 32px;
				color: #fff;
			}
		}
	}
	.logo{
		display: block;
		width: 112px;
		.zoom;
		float: left;
		margin-top: 10px;
		img{
			display: block;
			width: 100%;
		}
	}
	.mid{
		float: left;
		width: 110px;
		height: 44px;
		border-left: 1px solid #a0a0a0;
		margin-top: 14px;
		margin-left: 8px;
		p{
			padding-left: 5px;
		}
		.p1{
			font-size: 12px;
			color: #666666;
			padding-top: 5px;
		}
		.p2{
			font-size: 14px;
			color: #fe7e01;
			padding-top: 2px;
		}
	}
	.m-menu-btn{
		float: right;
		width: 46px;
		height: 46px;
		margin-top: 10px;
		cursor: pointer;

		background: #0d67bd;
		text-align: center;
		line-height: 46px;
		i{
			color: #fff;
			font-size: 20px;
		}
	}
}
.m-search{
	width: 100%;
	height: 44px;
	background: #ededed;
	input{
		display: block;
		float: left;
		width: calc(~'100% - 84px');
		width: -webkit-calc(~'100% - 84px');
		width: -moz-calc(~'100% - 84px');
		height: 30px;
		margin-top: 7px;
		.boz;
		border: 1px solid #b5b5b5;
		text-indent: 6px;
		outline: none;
	}
	a{
		display: block;
		width: 74px;
		height: 30px;
		.boz;
		border: 1px solid #b5b5b5;
		float: right;
		margin-top: 7px;
		font-size: 13px;
		color: #858585;
		line-height: 28px;
		text-align: center;
		background: #fafafa;
	}
}

.m-index_product{
	.m-com-title-img{
		width: 200px;
		display: block;
		margin: auto;
		margin-top: 16px;
	}
	.nav-box{
		width: 100%;
		.zoom;
		margin-top: 14px;
			.swiper-slide{
				float: left;
				width: 32%;
				height: 34px;
				.boz;
				border: 1px solid #ccc;
				display: block;
				display: inline-block;
				border-radius: 2px;
				margin-left: 2%;
				margin-bottom: 6px;
				&:nth-child(3n+1){
					margin-left: 0;
				}
				p{
					font-size: 14px;
					color: #666666;
					text-align: center;
					line-height: 32px;
				}
			}

	}
	.product-list-box{
		width: 100%;
		.zoom;
		.box{
			width: 100%;
			.zoom;
			.list{
				display: block;
				width: 48%;
				float: left;
				.boz;
				border: 1px solid #adadad;
				margin-top: 10px;
				margin-left: 4%;
				&:nth-child(2n+1){
					margin-left: 0;
				}
				img{
					display: block;
					width: 90%;
					margin: 8px auto;
				}
				.title{
					width: 90%;
					height: 32px;
					margin: auto;
					text-align: center;
					.gt;
					line-height: 32px;
					font-size: 12px;
					color: #666666;
				}
			}
		}
		.more{
			display: block;
			width: 160px;
			height:36px;
			margin: 20px auto 24px;
			.boz;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 34px;
			font-size: 14px;
			color: #666;
		}
	}
}
.m-index-question{
	width: 100%;
	.zoom;
	background: #ededed;
	.m-com-title-img{
		width: 280px;
		display: block;
		margin: 16px auto 4px;
	}
	.question-img{
		display: block;
		max-width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}
}
.m-ggw-img{
	display: block;
	width: 100%;
}
.m-mjzd{
	background: #eff3f7;
	.p1{
		font-size: 16px;
		color: #1068bd;
		font-weight: bold;
		text-align: center;
		padding-top: 16px;
	}
	img{
		display: block;
		max-width: 100%;
		margin: 13px auto 18px;
	}
}
.m-ys{
	.m-com-title-img{
		display: block;
		width: 230px;
		margin: 34px auto 26px;
	}
	.box{
		width: 100%;
		.zoom;
		.list{
			width: 48%;
			float: left;
			height: 106px;
			.boz;
			border: 1px solid #d2d2d2;
			margin-left: 4%;
			margin-bottom: 8px;
			&:nth-child(2n+1){
				margin-left: 0;
			}
			.cont{
				padding: 6px;
				.zoom;
				img{
					display: block;
					width: 38px;
					height: 38px;
					float: left;
					margin-top: 2px;
				}
				.right{
					width: calc(~'100% - 44px');
					width: -webkit-calc(~'100% - 44px');
					width: -moz-calc(~'100% - 44px');
					float: right;
					.zoom;
					p{
						font-size: 14px;
						color: #1068bd;
						font-weight: bold;
						padding-top: 4px;
					}
					.txt{
						font-size: 12px;
						color: #808080;
						line-height: 15px;
						.gt4;
						height: 60px;
						margin-top: 6px;
					}
				}
			}
		}
	}
}

.m-nhj{
	background: #f5f5f5;
	.p-head{
		font-size: 16px;
		color: #1068bd;
		font-weight: bold;
		text-align: center;
		padding-top: 18px;
	}
	.box{
		width: 100%;
		height: 168px;
		margin-top: 12px;
		margin-bottom: 24px;
		background: url("../image/a2.jpg") no-repeat;
		background-size: cover;
		.list{
			width: 32%;
			margin-left: 2%;
			height: 138px;
			margin-top: 16px;
			background: rgba(16,104,189,.9);
			border-radius: 8px;
			text-align: center;
			float: left;
			&:first-child{
				margin-left: 0;
			}
			.p1{
				font-size: 18px;
				color: #fff;
				text-align: center;
				padding-top: 12px;
				font-family: 'songti';
			}
			.heng{
				width: 14px;
				height: 2px;
				background: #fff;
				margin: 4px auto 8px;
			}
			.p2{
				font-size: 12px;
				color: #b9d8f5;
				line-height: 16px;
				padding-left: 4px;
				padding-right: 4px;
				text-align: center;
			}
		}
	}
}
.m-about{
	.m-com-title-img{
		width: 280px;
		display: block;
		margin: 30px auto 0;
	}
	.p-head{
		font-size: 12px;
		color: #666;
		text-align: center;
		padding-top: 6px;
	}
	.title{
		width: 100%;
		height: 38px;
		margin-top: 8px;
		border-bottom: 2px solid #d3d3d3;
		line-height: 38px;
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}
	.gsjpg{
		display: block;
		width: 100%;
		margin-top: 11px;
	}
	.txt{
		font-size: 14px;
		color: #666666;
		line-height: 24px;
		margin-top: 8px;
	}
	.btn-box{
		width: 100%;
		height: 32px;
		margin-top: 12px;
		margin-bottom: 20px;
		a{
			display: block;
			width: 106px;
			height: 32px;
			float: right;
			box-sizing: border-box;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			color: #666666;
			margin-left: 14px;
		}
	}
}
.m-team{
	.top{
		width: 100%;
		height: 140px;
		background: url(../image/bg4.jpg);
		background-size: cover;
		background-position: center center;
		box-sizing: border-box;
		border: 1px solid transparent;
		.box{
			width: 242px;
			height: 84px;
			background: rgba(255,255,255,.8);
			margin: 28px auto 0;
			box-sizing: border-box;
			border: 1px solid transparent;
			img{
				display: block;
				margin: 20px auto 0;
				width: 180px;
			}
			.p-head{
				font-size: 13px;
				color: #666;
				text-align: center;
				padding-top: 4px;
			}
		}
	}
	.down{
		background: #dfe8f3;
		padding: 10px;
		.zoom;
		.mid{
			width: 100%;
			.zoom;
			.img{
				width: 122px;
				height: 140px;
				float: left;
				.boz;
				border: 1px solid #cecfd0;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: calc(~'100% - 132px');
				width: -webkit-calc(~'100% - 132px');
				width: -moz-calc(~'100% - 132px');
				float: right;
				.p-head{
					font-size: 13px;
					color: #333333;
					padding-top: 10px;
					span{
						font-size: 16px;
						color: #fe7e01;
					}
				}
				.txt{
					width: 100%;
					height: 66px;
					.gt3;
					font-size: 13px;
					line-height: 22px;
					color: #666;
					margin-top: 6px;
				}
				.ck{
					display: block;
					width: 96px;
					height: 30px;
					float: right;
					box-sizing: border-box;
					border: 1px solid #b5b5b5;
					text-align: center;
					line-height: 28px;
					font-size: 14px;
					color: #666666;
					margin-left: 14px;
					margin-top: 6px;
				}
			}
		}
		.bottom-box{
			width: 100%;
			height: 170px;
			margin-bottom: 20px;
			.swiper-slide{
				height: 100%;
				.boz;
				border: 1px solid #d9d9dc;
				img{
					display: block;
					width: 100%;
					height: 130px;
				}
				.name{
					width: 100%;
					height: 40px;
					text-align: center;
					p{
						font-size: 12px;
						color: #666;
						text-align: center;
						.gt;
					}
					.p1{
						color: #fe7e01;
						padding-top: 4px;
					}
				}
			}
		}
		.more{
			display: block;
			width: 106px;
			height: 32px;
			box-sizing: border-box;
			border: 1px solid #b5b5b5;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			color: #666666;
			margin: 0 auto 20px;
		}
	}
}
.m-case{
	.m-com-title-img{
		display: block;
		width: 190px;
		margin: 32px auto 0;
	}
	.p-head{
		font-size: 13px;
		color: #666666;
		text-align: center;
		padding-top: 2px;
	}
	.box{
		width: 100%;
		.zoom;
		margin-top: 28px;
		.list{
			width: 100%;
			height: 95px;
			border-bottom: 1px dashed #bfbfbf;
			display: block;
			margin-bottom: 11px;
			img{
				display: block;
				float: left;
				width: 94px;
				height: 88px;
			}
			.right{
				width: calc(~'100% - 104px');
				width: -webkit-calc(~'100% - 104px');
				width: -moz-calc(~'100% - 104px');
				float: right;
				.title{
					width: 100%;
					height: 30px;
					.gt;
					line-height: 26px;
					font-size: 16px;
					color: #f49033;
				}
				.txt{
					width: 100%;
					height: 40px;
					line-height: 20px;
					font-size: 14px;
					color: #666;
					margin-top: 6px;
				}
			}
		}
	}
	.more{
		display: block;
		width: 106px;
		height: 32px;
		box-sizing: border-box;
		border: 1px solid #b5b5b5;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		color: #666666;
		margin: 0 auto 20px;
	}
}
.m-news{
	.m-com-title-img{
		display: block;
		width: 200px;
		margin: 14px auto 0;
	}
	.nav-box{
		width: 100%;
		margin-top: 24px;
		height: 30px;
		a{
			display: block;
			width: 50%;
			height: 100%;
			text-align: center;
			line-height: 30px;
			font-size: 16px;
			color: #666;
			float: left;
		}
		.act{
			background: #1068bd;
			color: #fff;
		}
	}
	.big-box{
		margin-top: 16px;
		.box{
			.list{
				width: 100%;
				height: 100px;
				border-bottom: 1px dashed #b5b5b5;
				display: block;
				margin-bottom: 12px;
				.title{
					width: 100%;
					.zoom;
					height: 26px;
					overflow: hidden;
					i{
						font-weight: bold;
						font-size: 12px;
						line-height: 26px;
						float: left;
						margin-right: 4px;
						color: #fe8107;
					}
					p{
						line-height: 26px;
						font-size: 16px;
						color: #fe8107;
						.gt;
					}
				}
				.txt{
					width: 100%;
					.gt2;
					height: 40px;
					line-height: 20px;
					font-size: 14px;
					color: #808080;
					margin-top: 4px;
				}
				.down{
					width: 100%;
					height: 24px;
					margin-top: 4px;
					line-height: 24px;
					font-size: 12px;
					color: #808080;
					.i{
						padding-left: 14px;
					}
				}
			}
			.more{
				display: block;
				width: 106px;
				height: 32px;
				box-sizing: border-box;
				border: 1px solid #b5b5b5;
				text-align: center;
				line-height: 30px;
				font-size: 14px;
				color: #666666;
				margin: 0 auto 20px;
			}
		}
	}
}
.m-footer{
	border-top: 3px solid #fe7e01;
	.top{
		width: 100%;
		.zoom;
		background: #0d67bd;
		.p-a{
			width: 100%;
			.zoom;
			margin-top: 12px;
			a{
				display: block;
				float: left;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				margin-right: 8px;
				margin-bottom: 8px;
			}
		}
		.top-down{
			width: 100%;
			.zoom;
			margin-top: 11px;
			.left{
				width: 96px;
				.zoom;
				float: left;
				margin-top: 18px;
				img{
					display: block;
					width: 100%;
					height: 96px;
				}
				p{
					font-size: 13px;
					color: #fff;
					text-align: center;
					padding-top: 4px;
				}
			}
			.right{
				width: calc(~'100% - 100px');
				width: -webkit-calc(~'100% - 100px');
				width: -moz-calc(~'100% - 100px');
				float: right;
				.item{
					width: 100%;
					.zoom;
					.item-l{
						width: 60px;
						line-height: 24px;
						float: left;
						font-size: 12px;
						color: #fff;
						text-align: right;
					}
					.item-r{
						float: right;
						width: calc(~'100% - 62px');
						width: -webkit-calc(~'100% - 62px');
						width: -moz-calc(~'100% - 62px');
						p{
							font-size: 12px;
							color: #fff;
							line-height: 24px;
						}
					}
				}
			}
		}
	}
	.down{
		p{
			font-size: 12px;
			color: #666666;
			text-align: center;
		}
		.p1{
			padding-top: 6px;
		}
		.p2{
			padding-bottom: 8px;
			padding-top: 4px;
		}
	}
}

.scccc{
	width: 100%;
	height: 52px;
}
.fixd-footer{
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	height:52px;
	background: #0d67bd;
	z-index: 999999999;
	a{
		width: 33.333333333333333%;
		float: left;
		height: 100%;
		display: block;
		text-align: center;
		line-height: 52px;
		color: #fff;
		font-size: 16px;
		.boz;
		&:first-child{
			border-right: 1px solid #fff;
		}
		&:last-child{
			border-left: 1px solid #fff;
		}
	}
	.ccc{
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
}